<vbox
  id="zotero-prefpane-__addonRef__"
  onload="Zotero.ZoteroStyle.hooks.onPrefsEvent('load', {window})"
>
  <groupbox>
    <label>
      <html:h3>Functions</html:h3>
    </label>
    <checkbox label="IF" preference="extensions.zotero.__addonRef__.function.IFColumn.enable" />
    <checkbox label="Title" preference="extensions.zotero.__addonRef__.function.titleColumn.enable"/>
    <checkbox label="Tags" preference="extensions.zotero.__addonRef__.function.tagsColumn.enable" />
    <checkbox label="#Tags" preference="extensions.zotero.__addonRef__.function.textTagsColumn.enable" />
    <checkbox label="Rating" preference="extensions.zotero.__addonRef__.function.ratingColumn.enable" />
    <checkbox label="Creator" preference="extensions.zotero.__addonRef__.function.creatorColumn.enable" />
    <checkbox label="Progress" preference="extensions.zotero.__addonRef__.function.progressColumn.enable" />
    <checkbox label="Graph View" preference="extensions.zotero.__addonRef__.function.graphView.enable" />
    <checkbox label="Publication" preference="extensions.zotero.__addonRef__.function.publicationColumn.enable" />
    <checkbox label="Nested Tags" preference="extensions.zotero.__addonRef__.function.Tags.enable" />
    <checkbox label="View Groups" preference="extensions.zotero.__addonRef__.function.columnsViews.enable" />
    <checkbox label="Item Type Filter" preference="extensions.zotero.__addonRef__.function.itemTypeFilter.enable" />
    <checkbox label="Publication Tags" preference="extensions.zotero.__addonRef__.function.PublicationTagsColumn.enable" />
    <checkbox label="Annotation Colors" preference="extensions.zotero.__addonRef__.function.annotationColors.enable" />
    <checkbox label="Add Number To Collection Tree" preference="extensions.zotero.__addonRef__.function.addNumberToCollectionTree.enable" />
  </groupbox>
  <groupbox>
    <label>
      <html:h3>Storage - Beta</html:h3>
    </label>
    <radiogroup preference="extensions.zotero.__addonRef__.storage.in">
      <radio id="storage-note" label="Note" value="note" />
      <hbox>
        <radio id="storage-file" label="File" value="file" disabled="true"/>
        <textbox id="storage-filename" preference="extensions.zotero.__addonRef__.storage.filename" 
          readonly="true" flex="1" />
        <button id="choose-path" label="Choose"/>
      </hbox>
    </radiogroup>

  </groupbox>
  <groupbox>
    <label>
      <html:h3>Settings</html:h3>
    </label>
    <vbox>
      <hbox>
        <label>Background color for odd rows of items</label>
        <html:input type="text" preference="extensions.zotero.__addonRef__.titleColumn.odd">
        </html:input>
      </hbox>
      <hbox>
        <label>Background color for even rows of items</label>
        <html:input type="text" preference="extensions.zotero.__addonRef__.titleColumn.even">
        </html:input>
      </hbox>
      <hbox>
        <label>Background color for selected item</label>
        <html:input type="text" preference="extensions.zotero.__addonRef__.titleColumn.selected">
        </html:input>
      </hbox>
      <hbox>
        <label>Nested tag link symbol</label>
        <html:select preference="extensions.zotero.__addonRef__.nestedTags.linkSymbol">
          <html:option value="/">/</html:option>
          <html:option value="+">+</html:option>
          <html:option value="-">-</html:option>
          <html:option value=":">:</html:option>
          <html:option value="~">~</html:option>
          <html:option value=">">&gt;</html:option>
          <html:option value=">">&lt;</html:option>
        </html:select>
      </hbox>
      <hbox>
        <label>Number mode in the collection right</label>
        <html:select preference="extensions.zotero.__addonRef__.addNumberToCollectionTree.mode">
          <html:option value="0">childItemNumber</html:option>
          <html:option value="1">offspringItemNumber</html:option>
          <html:option value="2">childItemNumber offspringItemNumber</html:option>
          <html:option value="3">offspringItemNumber childItemNumber</html:option>
        </html:select>
      </hbox>
    </vbox>
  </groupbox>
  <groupbox>
    <label>
      <html:h3>Links</html:h3>
    </label>
    <description><label class="zotero-text-link" value="Help" 
      href="https://github.com/MuiseDestiny/zotero-style#zotero-style"></label></description>
    <description><label class="zotero-text-link" value="History"
      href="https://github.com/MuiseDestiny/zotero-style/releases"></label></description>
    <description><label class="zotero-text-link" value="Share"
      href="https://github.com/MuiseDestiny/zotero-style/issues/48"></label></description>
    <description><label class="zotero-text-link" value="Issue"
      href="https://github.com/MuiseDestiny/zotero-style/issues/new/choose"></label></description>
  </groupbox>
</vbox>
<vbox>
  <label value="&zotero.__addonRef__.help.version.label; &zotero.__addonRef__.help.releasetime.label;"></label>
</vbox>
